﻿@model CashFlow.Entities.Models.CashFlowListModel

@{
	ViewBag.Title = "List";
		Layout = "~/Views/Shared/_Layout.cshtml";
}

@section TitleContent
{
	Bill List1
}

@section HeadContent
{
	<link href="@Url.Content("~/Content/CashFlow/CashFlow.css")" rel="stylesheet" type="text/css" />
	<script src="@Url.Content("~/Scripts/CashFlow/cashFlow.js")" type="text/javascript"></script>
}

@section NavigationContent	
{
	<div>
		@Html.ActionLink("Create New Bill", "Create")<br />
		@Html.ActionLink("Initial Balance", "InitialBalance", "Tenant")<br />
	</div>	

	<div id="cashFlowBalance">
		<strong>Balance:</strong><br />
		beginning:&nbsp;
		<label id="beginningBalance"></label><br />
		ending:&nbsp;
		<label id="endingBalance"></label>
	</div>
}

<div id="cashFlowListNavigation" class="contHeader">
	<input type="hidden" name="month" value="" id="monthValue" />
	<label class="contTitle">Cash flow</label>
	<a href="#" nav='today' class='cfMonthNav'>Today</a>&nbsp;
	<a href="#" nav='prev' class='cfMonthNav'><</a>&nbsp;
	<a href="#" nav='next' class='cfMonthNav'>></a>&nbsp;
	<label id="monthLabel" class="month">October 2010</label>&nbsp;
	@*<a href="#" id="listButton">List</a>&nbsp;
	<a href="#" id="calendarButton">Calendar</a>*@
	<label id="errorIndicator" title="Click to see error details">error</label>
</div>

<table id="cashFlowTable">
	<tr>
		<th>Date</th>
		<th>Payee</th>
		<th class="right">Amount</th>
		<th class="right">Balance</th>
	</tr>
</table>
@*<td class="dateCol"><a href="/CashFlow/Edit/0">${Date}</a></td>*@

<script id="cashFlowRowTmpl" type="text/x-jquery-tmpl">
	<tr>
		<td class="dateCol">${Date}</td>
		<td class="payeeCol"><span title="${Description}">${Payee}</span> </td>
		<td class="amountCol right negNumber">${Amount}</td>
		<td class="balanceCol right posNumber">${Balance}</td>
	</tr>
</script>







